
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>凉笙℡墨染-数据中心</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
    <!-- 页面内容 -->
    <script type="text/javascript" src="config/config.js"></script>
    <script type="text/javascript" src="js/echarts.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/dataScoll.js"></script>
    <script type="text/javascript" src="js/digitalScroll.js"></script>
    <script type="text/javascript" src="js/jcarousellite.js"></script>
    <script type="text/javascript" src="js/particles.min.js"></script>
<!--    <script type="text/javascript" src="js/echarts.js"></script>-->
<!--    <script type="text/javascript" src="js/jquery.min.js"></script>-->
<!--    <script type="text/javascript" src="js/dataScoll.js"></script>-->
<!--    <script type="text/javascript" src="js/digitalScroll.js"></script>-->
<!--    <script type="text/javascript" src="js/jcarousellite.js"></script>-->
<!--    <script type="text/javascript" src="js/particles.min.js"></script>-->
<!--    <script type="text/javascript" src="js/app.js"></script>-->
<!--    <script type="text/javascript" src="config/config.js"></script>-->
<!--    <script type="text/javascript" src="js/index.js"></script>-->
</head>
<body>
<div id="particles-js" class="main">
    <div class="main_con">
        <div class="main_top">
            <div class="main_top_left">
                <div class="main_top_left_top">
                    <img src="./images/main_top_left.png"/>
                    <div class="main_top_left_top_title">公开数据展示</div>
                    <div class="main_top_left_top_con">
                        <div class="main_top_left_top_con_list">
                            <span class="main_top_left_c_l_n main_top_left_c_l_n1">0</span>
                            <p>党务公开</p>
                        </div>
                        <div class="main_top_left_top_con_list">
                            <span class="main_top_left_c_l_n main_top_left_c_l_n2">0</span>
                            <p>政务公开</p>
                        </div>
                        <div class="main_top_left_top_con_list">
                            <span class="main_top_left_c_l_n main_top_left_c_l_n3">0</span>
                            <p>财务公开</p>
                        </div>
                        <div class="main_top_left_top_con_left">
                            <div class="main_top_left_t_c_l_left">
                                <span class="main_top_left_c_l_n main_top_left_c_l_n4">0</span>
                                <p>村务公开</p>
                            </div>
                            <div class="main_top_left_t_c_l_right">
                                <span class="main_top_left_c_l_n main_top_left_c_l_n5">0</span>
                                <p>居务公开</p>
                            </div>
                        </div>
                        <div class="main_top_left_top_con_right main_top_left_top_con_right2">
                            <div class="main_top_left_t_c_r_left">
                                <span class="main_top_left_c_l_n main_top_left_c_l_n6">0</span>
                                <p>占位公开</p>
                            </div>
                            <div class="main_top_left_t_c_r_right">
                                <span class="main_top_left_c_l_n main_top_left_c_l_n7">0</span>
                                <p>凉笙数据</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main_top_left_top main_top_left_bottom">
                    <img src="./images/main_top_left.png"/>
                    <div class="main_top_left_top_title">信息来源渠道统计</div>
                    <div id="baseId" class="main_top_left_top_con"></div>
                </div>
            </div>
            <div class="main_top_middle">
                <div class="main_top_middle_top_title">
                    <img class="title_bg" src="./images/title_bg.png">
                    大数据可视化监管平台
                    <a class="title_web">管理系统</a>
                    <a class="title_admin" >web网页</a>
                </div>
                <div class="main_top_middle_num_title">大数据统计数量</div>
                <div class="main_top_middle_num">
<!--                    <div class="main_top_middle_num_list">-->
<!--                        <img src="./images/center_num.png">-->
<!--                        <p class="main_top_middle_num_list6">0</p>-->
<!--                    </div>-->

                    <div class="main_top_middle_num_list">
                        <img src="./images/center_num.png">
                        <p class="main_top_middle_num_list1"></p>
                    </div>
                    <div class="main_top_middle_num_list">
                        <img src="./images/center_num.png">
                        <p class="main_top_middle_num_list2"></p>
                    </div>
                    <div class="main_top_middle_num_list">
                        <img src="./images/center_num.png">
                        <p class="main_top_middle_num_list3"></p>
                    </div>
                    <div class="main_top_middle_num_list">
                        <img src="./images/center_num.png">
                        <p class="main_top_middle_num_list4"></p>
                    </div>
                    <div class="main_top_middle_num_list">
                        <img src="./images/center_num.png">
                        <p class="main_top_middle_num_list5"></p>
                    </div>
                    <div class="main_top_middle_num_list">
                        <img src="./images/center_num.png">
                        <p class="main_top_middle_num_list6"></p>
                    </div>
                    <div class="main_top_middle_num_list">
                        <img src="./images/center_num.png">
                        <p class="main_top_middle_num_list7"></p>
                    </div>
                </div>
                <div class="main_top_middle_bottom">
                    <div class="main_top_middle_bottom_echarts">
                        <img src="./images/main_top_bottom.png">
                        <div class="main_top_echarts_con">
                            <div class="main_top_echarts_con_title">凉笙公开数量占比</div>
                            <div id="threeTasksId" class="main_top_echarts_pie"></div>
                        </div>
                    </div>
                    <div class="main_top_middle_bottom_echarts main_top_middle_bottom_echarts_right">
                        <img src="./images/main_top_bottom.png">
                        <div class="main_top_echarts_con">
                            <div class="main_top_echarts_con_title">四川-成都从业人员职业占比</div>
                            <div id="publicityId" class="main_top_echarts_pie"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_top_left main_top_right">
                <div class="main_top_left_top">
                    <img src="./images/main_top_left.png"/>
                    <div class="main_top_left_top_title">失业人员数据展示</div>
                    <div class="main_top_left_top_con">
                        <div class="main_top_left_top_con_left">
                            <span class="daysData">0</span>
                            <p>今日公开</p>
                        </div>
                        <div class="main_top_left_top_con_right">
                            <span class="weekData">0</span>
                            <p>本周公开</p>
                        </div>
                        <div class="main_top_left_top_con_list">
                            <span class="monthData">0</span>
                            <p>本月公开</p>
                        </div>
                        <div class="main_top_left_top_con_list">
                            <span class="someThing">0</span>
                            <p>办事指南</p>
                        </div>
                        <div class="main_top_left_top_con_list">
                            <span class="policyData">0</span>
                            <p>政策解读</p>
                        </div>
                    </div>
                </div>
                <div class="main_top_left_top main_top_left_bottom">
                    <img src="./images/main_top_left.png"/>
                    <div class="main_top_left_top_title">问题数量类型占比</div>
                    <div id="questionId" class="main_top_left_top_con">
                    </div>
                </div>
            </div>
        </div>
        <div class="main_middle">
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title1">XXX镇</div>
                <span class="main_list_title_num main_list_title_num1">0</span>
            </div>
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title2">XX镇</div>
                <span class="main_list_title_num main_list_title_num2">0</span>
            </div>
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title3">XXXX</div>
                <span class="main_list_title_num main_list_title_num3">0</span>
            </div>
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title4">XXXX</div>
                <span class="main_list_title_num main_list_title_num4">0</span>
            </div>
            <div class="main_middle_list">
                <img src="./images/main_middle.png">
                <div class="main_list_title main_list_title5">XXXX</div>
                <span class="main_list_title_num main_list_title_num5">0</span>
            </div>
        </div>
        <div class="main_bottom">
            <div class="main_bottom_top">
                <div class="main_bottom_top_list">
                    <img src="./images/main_bottopm_top1.png">
                    <div class="main_bottom_t_l_title">政策信息指南</div>
                    <div class="main_bottom_t_l_con" style="top: -15px">
                        <div class="main_bottom_t_l_main">
                            <ul id="Information">
<!--                                <li>-->
<!--                                    <div class="main_bottom_t_l_main_list">-->
<!--                                        <div class="main_bottom_t_list_title main_bottom_t_list_title1"></div>-->
<!--                                        <div class="main_bottom_t_list_time main_bottom_t_list_time1"></div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <div class="main_bottom_t_l_main_list">-->
<!--                                        <div class="main_bottom_t_list_title main_bottom_t_list_title2"></div>-->
<!--                                        <div class="main_bottom_t_list_time main_bottom_t_list_time2"></div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <div class="main_bottom_t_l_main_list">-->
<!--                                        <div class="main_bottom_t_list_title main_bottom_t_list_title3"></div>-->
<!--                                        <div class="main_bottom_t_list_time main_bottom_t_list_time3"></div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <div class="main_bottom_t_l_main_list">-->
<!--                                        <div class="main_bottom_t_list_title main_bottom_t_list_title4"></div>-->
<!--                                        <div class="main_bottom_t_list_time main_bottom_t_list_time4"></div>-->
<!--                                    </div>-->
<!--                                </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="main_bottom_top_list">
                    <img src="./images/main_bottopm_top2.png">
                    <div class="main_bottom_t_l_title">忘仙谷游客来源公开占比</div>
                    <div id="departmentId" class="main_bottom_t_l_chart"></div>
                </div>
                <div class="main_bottom_top_list">
                    <img src="./images/main_bottopm_top1.png">
                    <div class="main_bottom_t_l_title">政策解读</div>
                    <div class="main_bottom_t_l_con" style="top: -15px">
                        <div class="main_bottom_t_l_main2">
                            <ul id="Policy">
<!--                                <li>-->
<!--                                    <div class="main_bottom_t_l_main_list">-->
<!--                                        <div class="main_bottom_t_list_title main_bottom_polity_title1">凉笙℡墨染</div>-->
<!--                                        <div class="main_bottom_t_list_time main_bottom_polity_time1">2023/05/20</div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <div class="main_bottom_t_l_main_list">-->
<!--                                        <div class="main_bottom_t_list_title main_bottom_polity_title2">凉笙℡墨染</div>-->
<!--                                        <div class="main_bottom_t_list_time main_bottom_polity_time1">2023/05/20</div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <div class="main_bottom_t_l_main_list">-->
<!--                                        <div class="main_bottom_t_list_title main_bottom_polity_title3">凉笙℡墨染</div>-->
<!--                                        <div class="main_bottom_t_list_time main_bottom_polity_time1">2023/05/20</div>-->
<!--                                    </div>-->
<!--                                </li>-->
<!--                                <li>-->
<!--                                    <div class="main_bottom_t_l_main_list">-->
<!--                                        <div class="main_bottom_t_list_title main_bottom_polity_title4">凉笙℡墨染</div>-->
<!--                                        <div class="main_bottom_t_list_time main_bottom_polity_time1">2023/05/20</div>-->
<!--                                    </div>-->
<!--                                </li>-->
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main_bottom_bottom">
                <div class="main_bottom_b_left">
                    <img src="./images/main_bottom_bottom.png">
                    <div class="main_bottom_b_title">关注内容占比</div>
                    <div id="coverageId" class="main_bottom_b_con"></div>
                </div>
                <div class="main_bottom_b_middle1">
                    <img src="./images/main_bootm_middle.png">
                    <div class="main_bottom_b_title">社会问题关注内容占比</div>
                    <div id="contentId" class="main_bottom_b_con main_bottom_b_con2"></div>
                </div>
                <div class="main_bottom_b_middle2">
                    <img src="./images/main_bootm_middle.png">
                    <div class="main_bottom_b_title">就业统计</div>
                    <div id="EmploymentId" class="main_bottom_b_con main_bottom_b_con2"></div>
                </div>
                <div class="main_bottom_b_right">
                    <img src="./images/main_bottom_bottom.png">
                    <div class="main_bottom_b_title">舆论公开数量</div>
                    <div id="yearsNumId" class="main_bottom_b_con"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>

</html>


